<template>
  <div class="panel_title">
    <slot></slot>
    <!-- <div class="title-text">{{ props.title }}</div> -->
  </div>
</template>

<script setup>
const props = defineProps({
  title: {
    type: String,
    required: true,
  },
});
</script>

<style scoped lang="scss">
.panel_title {
  // width: vw(364);
  // width: 100%;
  // line-height: vh(30);
  height: vh(80);
  background-image: url("@/assets/title.png");
  background-repeat: no-repeat;
  background-size: contain;
  // background-position: top center;
}
.title-text {
  line-height: vw(30);
  margin-left: vw(60);
  font-size: vw(14);

  font-family: Source Han Sans CN;
  font-weight: 800;
  color: #ffffff;
  background: linear-gradient(0deg, #7ae3ff 0%, #ffffff 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
</style>